<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<head></head>
<body>
<ui:composition template="/templates/Plantilla.xhtml">
<ui:define name="content">
	<h:form id="form1">
		<h3> Nuevo Pack</h3>
		<p:separator/>	
		<p:messages id="messages" />
		<p:panel>
			<h:panelGrid columns="3" style="width:50%;">
		        
		        <h:outputText id="lblNombre" value="Nombre: *"/>
				<h:panelGroup style="width:100%;">
					<p:inputText id="inputNombre" value = "#{packCreate.pack.nombre}" label="Nombre" style="width:100%;">
						<p:ajax update="errorNombre, guardar" event="keyup"  listener="#{packCreate.listenerNombre}"/>
					</p:inputText>
				</h:panelGroup>
				<p:messages id="errorNombre" ></p:messages>
				
				<h:outputText id="lblProducto" value="Producto:" />
				<p:selectOneMenu id="inputProducto" value="#{packCreate.pack.producto.productoId}" effect="fade"   label="Producto">
					<f:selectItem itemLabel="Seleccione un Producto..." itemValue="0" />
					<f:selectItems value="#{selectOneMany.getAllProductos()}" var="producto" 
							itemLabel="#{producto.nombre}" 
							itemValue="#{producto.productoId}">
					</f:selectItems>
					<p:ajax update="errorProducto, guardar" event="change" listener="#{packCreate.listenerProducto}" />
				</p:selectOneMenu>
				<p:messages id="errorProducto" ></p:messages>
				
				<h:outputText id="lblCantidad" value="Cantidad: *"/>
				<p:inputText id="inputCantidad" value = "#{packCreate.cantidad}" label="Cantidad">
						<p:ajax update="errorCantidad, guardar" event="keyup"  listener="#{packCreate.listenerCantidad}"/>
				</p:inputText>
				<p:messages id="errorCantidad" ></p:messages>
				
				<h:outputText id="lblPrecio" value="Precio de Pack: *"/>
				<p:inputText id="inputPrecio" value = "#{packCreate.precioPack}" label="Precio Pack">
						<p:ajax update="errorPrecioPack, guardar" event="keyup"  listener="#{packCreate.listenerPrecioPack}"/>
				</p:inputText>
				<p:messages id="errorPrecioPack" ></p:messages>
				
				<h:outputText id="lblPrecioBidon" value="Precio del Bidon: *"/>
				<p:inputText id="inputPrecioBidon" value = "#{packCreate.precioBidon}" label="Precio Bidon">
						<p:ajax update="errorPrecioBidon, guardar" event="keyup"  listener="#{packCreate.listenerPrecioBidon}"/>
				</p:inputText>
				<p:messages id="errorPrecioBidon"></p:messages>
				
				<h:outputText id="lblDescripcion" value="Descripcion:"/>
				<p:inputText id="inputDescripcion" value = "#{packCreate.pack.descripcion}" style="width:100%;"/>

			</h:panelGrid>
				
		</p:panel>
		<p:panel style="text-align: center">
			<p:commandButton value="Guardar" action = "#{packCreate.guardarPack(packCreate.pack)}"
								id="guardar" disabled="#{packCreate.deshabilitarGuardar}" title="Nuevo Pack"
								icon="ui-icon-disk">
			</p:commandButton>
			<p:commandButton value="Cancelar" action = "#{packCreate.cancelar()}" immediate="true"
				title="Salir" icon="ui-icon-close">
			</p:commandButton>
		</p:panel>
	</h:form>
		
</ui:define>

</ui:composition>
		
</body>

</html>